{% extends "base.html" %}
{%block title%}
文件夹列表
{%endblock%}

{% block content %}
<div class="btn-toolbar">
    <button class="btn btn-primary">添加</button>
</div>
<div class="well">
    <table class="table">
      <thead>
        <tr>
          <th>id</th>
          <th>文件夹名</th>
          <th>子文件夹个数</th>
          <th>文件个数</th>
          <th>创建时间</th>
          <th>更新时间</th>
          <th style="width: 36px;"></th>
        </tr>
      </thead>
      <tbody>
      {%for dir in dirs%}
        <tr>
          <td>{{dir.id}}</td>
          <td>{{dir.name}}</td>
          <td>{{dir.vdir_set.count}}</td>
          <td>{{dir.vfile_set.count}}</td>
          <td>{{dir.create_date}}</td>
          <td>{{dir.update_date}}</td>
          
        </tr>
        {%endfor%}
      </tbody>
    </table>
</div>

<ul class="pagination">
  <li><a href="#">&laquo;</a></li>
  <li><a href="#">1</a></li>
  <li><a href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">&raquo;</a></li>
</ul>

<div class="modal small hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Delete Confirmation</h3>
    </div>
    <div class="modal-body">
        <p class="error-text">Are you sure you want to delete the user?</p>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
        <button class="btn btn-danger" data-dismiss="modal">Delete</button>
    </div>
</div>
  {% endblock %}

